<!DOCTYPE html>
<html lang="ch" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>注册我的账单</title>
    <link rel="shortcut icon" th:href="@{img/favicon.ico}">
    <link th:href="@{/css/bootstrap/3.3.6/bootstrap.min.css}" rel="stylesheet">
    <link th:href="@{/css/layui/css/layui.css}" rel="stylesheet">
    <link th:href="@{/css/temp/registered.css}" rel="stylesheet">
    <script th:src="@{/js/jquery/2.0.0/jquery.min.js}"></script>
    <script th:src="@{/js/vue/2.5.16/vue.min.js}"></script>
    <script th:src="@{/js/axios/0.17.1/axios.min.js}"></script>
    <script th:src="@{/js/temp/register.js}"></script>
    <script th:src="@{/js/layui/layui.js}"></script>
</head>

<body th:background="@{img/back.jpg}" style="background-repeat: no-repeat;background-size: 100%">
<div id="workArea">
    <div id="register_box">
        <h1>Register</h1>
        <div class="form">
            <div class="item">
                <i class="layui-icon layui-icon-username"></i>
                <input placeholder="用户名" v-model="user.name" type="text">
            </div>
            <div class="item">
                <i class="layui-icon layui-icon-password"></i>
                <input placeholder="密码" v-model="user.password" type="password">
            </div>
            <div class="item">
                <i class="layui-icon layui-icon-password"></i>
                <input placeholder="确认密码" v-model="user.surePassword" type="password">
            </div>
        </div>
        <button id="registerButton" @click="register">Register</button>
        <div id="toLogin">
            <a th:href="@{/login}">前去登录</a>
        </div>
    </div>
</div>
</body>
</html>